head,
body {
    width: 100%;
    height: 100%;
    min-width: 900px;
}

@media screen and(max-width:1366px) {

    head,
    body {
        min-height: 667px;
    }

    .sign_form {
        width: 400px !important;
        min-height: 285px !important;
        top: 22% !important;
        left: 55% !important;
    }
}

#root {
    width: 100%;
    height: 100%;
}

.ant-layout {
    width: 100%;
    height: 100%;

    .sign_header {
        background-color: #EAF7FF;

        >div {
            background-image: url(../image/q1.png);
            background-size: cover;
            height: 100%;
            width: 280px;

        }
    }

    .sign_content {
        background-image: url(../image/q2.jpg);
        background-size: cover;
        width: 100%;
        height: 80%;
        position: relative;

        .sign_form {
            width: 450px;
            height: 45%;
            min-height: 350px;
            background-color: white;
            padding: 10px 15px;
            position: absolute;
            top: 24%;
            left: 50%;
            box-shadow: 7px 10px 20px -7px #03090C;
        }

        .form_title {
            text-align: center;
            font-size: 20px;
            margin-bottom: 20px;
            letter-spacing: 10px;
            color: black;
        }
    }

    .sign_footer {
        text-align: center;
        letter-spacing: 1px;
        min-width: 1200px;
    }
}


//后台
.notiFication {
    color: red;
}

.PassCation {
    color: #84D2FF;
}


.admin_header {
    height: 70px;
    background-color: #0158AD;
    display: flex;
    justify-content: start;
    border-bottom: 4px solid #3FC6FF;
}

.logo {
    width: 280px;
    height: 75%;
    background-image: url(../image/a1.png);
    background-size: cover;
    margin-top: 8px;
}

.admin_head_name {
    font-size: 25px;
    color: white;
    margin-left: 10px;
}

.search_div {
    justify-content: start;
    display: flex;
    width: 700px;
    margin: 20px 0;
    line-height: 2.1;

    .search_input {
        flex: 1;
        margin: 0 10px;
    }

    .search_select {
        flex: .5;
        margin: 0 20px;
    }

    .search_btn {
        flex: .2;

    }
}

.ant-modal {
    width: 50% !important;
    min-width: 675px;
}

.add_flex {
    display: flex;
    justify-content: space-around;

    >div {
        flex: .4;
    }
}

.ant-modal {
    flex: .4;
}

.ant-menu {
    background: #E3F1FF;
    font-weight: 700;
}

.ant-menu-item,
.ant-menu-submenu-title {
    color: #4A6CAB;
    background: #A7C7FA;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #3D75CE !important;
    color: white;
}

//穿梭框
.ant-form-item {
    // width: 40%;
    // margin:10px auto;
}

.add_dynamic {
    display: flex;
    justify-content: space-between;

    >div {
        flex: .4;
    }
}

.w-e-text-container,
.ant-form-item-control {
    z-index: 0 !important;
}

.ant-transfer-list{
    width: 320px;
    height: 100%;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
    height: 100%;
    background: white;
}

.ant-layout-sider {
    overflow-y: auto;
}

.json_Tab {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    overflow-y: auto;
    // min-height: 650px;
    >div {
        width: fit-content;
        height: fit-content;
        min-width: 350px;
        min-height: 50px;
        line-height: 50px;
    }
}

.Modal_div {
    display: flex;
    justify-content: space-between;
    
}

.New_json_Tab {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: 400px;
    overflow-y: auto;

    // >div {
    //     width: 380px;
    //     height: 50px;
    //     // white-space: nowrap;
    // }
}

.ant-tabs-content-holder {
    overflow-x: auto;
    height: 100%;

    .direTree_div {
        display: flex;
        justify-content: start;
        height: 100%;
        width: 100%;
        .ant-tree {
            margin-right: 20px;
            background: #F0F2F5;
        }
        :nth-last-child(0){
            width: 100%;
            height: 100%;
        }
    }
}

.ant-tabs-content {
    height: 100%;
}
.ant-tabs-tabpane{
    min-height: 650px;
}
.modal_div{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    >div{
        width: fit-content;
        min-width: 230px;
        margin: 0 20px;
    }
}
.right_div{
    width: 100%;
    >.child_right{
        width: 100%;
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        >div{
            width:220px;
            margin: 10px 20px 0 20px;
        }
    }
   
}
.DataImport_div{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    >div{
        width: fit-content;
        margin: 10px 20px 0 20px;
    }
}
.examine_btn{
    display: flex;
    justify-content: start;
    >button{
        margin-right: 10px;
    }
}